<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="员工管理" name="first">
      <worker></worker>
    </el-tab-pane>
    <el-tab-pane label="产品及工价管理" name="second">
      <product></product>
    </el-tab-pane>
    <el-tab-pane label="厂商管理" name="third">
      <factory></factory>
    </el-tab-pane>
    <el-tab-pane label="用户管理" name="five">
      <user></user>
    </el-tab-pane>
  </el-tabs>
</template>

<script type="text/javascript">
  import worker from './tableList/workerManage'
  import product from './tableList/productManage'
  import factory from './tableList/factoryManage'
  import user from './tableList/userManage.vue'
  export default {
    data () {
      return {
        name: 'lihao',
        activeName: 'first'
      }
    },
    components: {
      worker,
      product,
      factory,
      user
    },
    methods: {
      handleClick (tab, event) {
        console.log(tab, event)
      }
    }
  }
</script>

<style type="text/scss" lang="scss">

</style>
